<!--
 * @Author: tanjunyi@doctorwork.com
 * @Date: 2020-06-15 22:51:07
 * @LastEditors: tanjunyi@doctorwork.com
 * @LastEditTime: 2020-06-25 16:06:56
 * @Description: 
--> 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>my-vue</title>
</head>
<body>
	<div id="app" style="color: red;background: blue;">sdf
		
	</div>
	<script src="/dist/umd/vue.js"></script>
	<script>
		Vue.mixin({
			a: {a : 1},
			beforeCreate(){
				console.log("beforeCreate1")
			}
		})
		Vue.mixin({
			a : {b : 3},
			beforeCreate(){
				console.log("beforeCreate2")
			}
		})
		// let vm = new Vue({
		// 	el : '#app',
		// 	data(){
		// 		return {
		// 			name : 'Caroline',
		// 			info:{
		// 				age : 22
		// 			},
		// 			arr :[{
		// 				a : 1
		// 			}]
		// 		}
		// 	},
		// 	// template: `<div><span>123</span> hello{{name}}{{age}}</div>`,
		// 	computed: {
				
		// 	},
		// 	methods: {
				
		// 	},
		// 	beforeCreate(){
		// 		console.log("beforeCreate3")
		// 	}
		// })

		// setTimeout(()=>{
		// 	vm.name = 1;
		// 	vm.name = 2;
		// 	vm.name = 323;
		// 	vm.name = 4;
		// 	vm.$nextTick(()=>{
		// 		// console.log(document.querySelector('#pp').innerText)
		// 	})
		// },1000)


	</script>
</body>
</html>